@for $i from 0 through 500 {
  .lh#{$i} {
    line-height: 1px * $i;
  }
  .fs#{$i} {
    font-size: 1px * $i;
  }
  .fs-h#{$i} {
    font-size: 1px * $i;
    line-height: 1px * $i;
  }
  .mt#{$i} {
    margin-top: 1px * $i;
  }
  .mb#{$i} {
    margin-bottom: 1px * $i;
  }
  .ml#{$i} {
    margin-left: 1px * $i;
  }
  .mr#{$i} {
    margin-right: 1px * $i;
  }
  .pt#{$i} {
    padding-top: 1px * $i;
  }
  .pb#{$i} {
    padding-bottom: 1px * $i;
  }
  .pl#{$i} {
    padding-left: 1px * $i;
  }
  .pr#{$i} {
    padding-right: 1px * $i;
  }
  .br#{$i} {
    border-radius: 1px * $i !important;
  }
  .ls#{$i} {
    letter-spacing: 1px * $i !important;
  }
}

@for $i from 1 through 10 {
  .fw#{$i}00 {
    font-weight: $i * 100 !important;
  }
}

@for $i from 1 through 10 {
  .z#{$i*10} {
    z-index: $i * 10 !important;
  }
}
